﻿@{
    var casos = ViewBag.casos as List<DataAccess.Caso>;
}
<input type="hidden" value="@Url.Action("GetCasoInfo", "Casos")" id="getCasoInfoUrl" />
<table id="casos_table">
    @{
        int cont = 0;
    }
    @for (int i = 0; i < 3; i++)
    {
        <tr>
            @for (int j = 0; j < 3; j++)
            {
                <td>
                    @if (cont < casos.Count)
                    {
                        var caso = casos[cont];
                        <div class="overlay_wrapper" id="overlay_wrapper_@(caso.Id)">
                            <div id="overlay_@(caso.Id)" class="caso_overlay">
                                <img class="ver_detalles" src="@Url.Content("~/Content/Images/Casos/ver_detalles.png")" alt="Detalles" />Ver
                                Detalles
                            </div>
                            <div class="caso_image_wrapper">
                                <img id="caso_@(caso.Id)" class="caso_image" src="@Url.Action("GetImagen", "Image", new {idImagen = caso.ImagenIndice })" alt="Caso" />
                            </div>
                        </div>
                        <div class='caso_name_wrapper'>
                            <div id="caso_name_@(caso.Id)" class="caso_name">
                                <p>
                                    Proyecto 0@(cont+1)</p>
                            </div>
                        </div>
                    }
                </td> 
                cont++;   
            }
        </tr>
    }
</table>
